<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!--标题标签由大到小 由粗到细-->
<h1>111</h1>
<h2>111</h2>
<h3>111</h3>
<h4>111</h5>
<h5>111</h5>
<h6>111</h6>

    <div>divdivdivdivdiv</div>
    <div>divdivdivdivdiv</div>

    <!--如果标签里面需要放内容那么肯定有头尾两个标签 没有内容就是只有一个标签-->
<!--段落标签-->
    <p>段落标签段落标签段落标签段落标签段落标签</p>
    <p>段落标签段落标签段落标签段落标签段落标签</p>
    <p>段落标签段落标签段落标签段落标签段落标签</p>
    <p>段落标签段落标签段落标签段落标签段落标签</p>
    <p>段落标签段落标签段落标签段落标签段落标签</p>
    <!--输入框标签-->
    <input><br><br>
    <input placeholder="请输入用户名"><br><br>
    <input value="默认文字"><br>
    <input type="color"><br>
    <input type="checkbox"><br>
    <input type="date"><br>
    <input type="range"><br>

    <!--换行标签-->
    <br>
    <!--超链接 _blank在新选项卡中打开网页-->
    <a href="www.facebook.com" target="_blank">facebook</a>



    <!--图像标签
    相对路径 项目中的资源
    绝对路径 http:// https:// ftp:// file://
    -->
    <img width="150" height="50" alt="网络不好.显示不出来" src="https://www.baidu.com/img/270_7573fb368053e6805e63b56352ce7287.gif">
    <img src="img/7.jpg" width="150" height="100">
    <!--列表标签-->
    <ul>
        <li>11111</li>
        <li>22222</li>
        <li>33333</li>
        <li>44444</li>
    </ul>

    <!--容器标签 给什么显示什么 而标题有大小-->
    <div>div</div>


</body>
</html>